<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:t="http://myfaces.apache.org/tomahawk">

	<ui:composition template="/template/pPrincipal.xhtml">

		<ui:define name="head">
			<title>Comercio Exterior</title>
		</ui:define>

		<ui:define name="titulopagina">
			<p:toolbar>
				<p:toolbarGroup align="left" style="height: 20px;">
					<h:outputText value="CONSULTA VISTA BANCO"
						styleClass="textoTituloPagina" />
				</p:toolbarGroup>
			</p:toolbar>
		</ui:define>

		<ui:define name="bodyarea">

			<p:tabMenu activeIndex="3">
				<p:menuitem value="Raking Países" ajax="true"
					url="/pages/banco/rakingPaises.xhtml" icon="ui-icon-circle-check" />
				<p:menuitem value="Raking Bancos" ajax="true"
					url="/pages/banco/rakingBancos.xhtml" icon="ui-icon-circle-check" />
				<p:menuitem value="Raking Clientes" ajax="true"
					url="/pages/banco/rakingClientes.xhtml" icon="ui-icon-circle-check" />
				<p:menuitem value="Catalogo de Bancos" ajax="true"
					url="/pages/banco/catalogoBancos.xhtml" icon="ui-icon-circle-check" />
			</p:tabMenu>

			<p:accordionPanel id="accFiltro" multiple="true" activeIndex="0,1,2,3">
				<p:tab title="Filtro de Búsqueda">
					<h:panelGrid columns="4" style="margin-top: -25px;margin-left: 2px;">
					<p:spacer width="80" height="15" ></p:spacer>
					<p:spacer width="250" height="15" ></p:spacer>
					<p:spacer width="20" height="15" ></p:spacer>
					<p:spacer width="50" height="15" ></p:spacer>


					<h:outputText value="Filtro de Bancos:" styleClass="texto"></h:outputText>
					<p:selectOneMenu id="somFiltro" styleClass="combo"
						value="#{listaModel.idFiltro}" style="width: 240px">
						<f:selectItem itemLabel="Bancos con Clave Intercambiada"
							itemValue="1" />
						<f:selectItem itemLabel="Bancos sin Clave Intercambiada"
							itemValue="2" />
						<f:selectItem itemLabel="Bancos del Grupo" itemValue="3" />
						<f:selectItem itemLabel="Bancos no del Grupo" itemValue="4" />
						<f:selectItem itemLabel="Paises Convenio ALADI" itemValue="5" />

						<p:ajax update="accFiltro" listener="#{listaModel.cambiarFiltro}" />

					</p:selectOneMenu>

					<h:outputText value=""></h:outputText>
					<h:outputText value=""></h:outputText>
					<h:outputText value="País:" styleClass="texto"></h:outputText>
					<p:selectOneMenu styleClass="combo" style="width: 240px">
						<f:selectItem itemLabel="ALEMANIA" itemValue="1" />
					</p:selectOneMenu>
					<h:outputText value=""></h:outputText>
					<p:commandButton value="Buscar" style="width:135px; "></p:commandButton>
				</h:panelGrid>
				</p:tab>
				<p:tab title="Resultados" rendered="#{listaModel.catalogo1}">
					
					<table width="100%">
						<tr align="center">	
							<td >
								<p:dataTable var="fila" value="#{listaModel.listaBCatálogoDetalle}"
									style="width:65%;" paginator="true" rows="15">
			
									<p:columnGroup type="header">
										<p:row>
											<p:column headerText="Codigo swift" />
											<p:column headerText="Nombre Banco" />
											<p:column headerText="Bco. Grupo" />
											<p:column headerText="Aladi" />
										</p:row>
									</p:columnGroup>
									<p:column>#{fila.codSwift}</p:column>
									<p:column style="text-align:left;">#{fila.nomBanco}</p:column>
									<p:column>#{fila.bcoGrupo}</p:column>
									<p:column>#{fila.aladi}</p:column>
								</p:dataTable>
							</td>
						</tr>
					</table>
					

				</p:tab>
				<p:tab title="Resultados" rendered="#{listaModel.catalogo2}">
					<table cellpadding="2" cellspacing="2">
						<tr align="center" >
							<td>
								<h:outputText value="Resumen por Países" styleClass="texto12"></h:outputText>
							</td>
							<td>
							
							</td>
							<td>
								<h:outputText value="Detalle de Bancos" styleClass="texto12"></h:outputText>
							</td>
						</tr>
						<tr valign="top">
							<td>
								<p:dataTable var="fila" value="#{listaModel.listaBCatalogoBgrupoR}"
									style="width:350px;" paginator="true" rows="10">
				
									<p:columnGroup type="header">
										<p:row>
											<p:column headerText="Países" />
											<p:column headerText="# Bancos" />
										</p:row>
									</p:columnGroup>
									<p:column>#{fila.pais}</p:column>
									<p:column styleClass="columnNumero">#{fila.nroBancos}</p:column>
								</p:dataTable>
							</td>
							<td>
								<p:spacer width="10"></p:spacer>
							</td>
							<td>
								<p:dataTable var="fila" value="#{listaModel.listaBCatalogoBgrupoD}"
									style="width:610px;" paginator="true" rows="10">
				
									<p:columnGroup type="header">
										<p:row>
											<p:column headerText="Código Swift" />
											<p:column headerText="Nombre Banco" />
											<p:column headerText="País" />
										</p:row>
									</p:columnGroup>
									<p:column styleClass="columnCenter">#{fila.codSwift}</p:column>
									<p:column>#{fila.nomBanco}</p:column>
									<p:column styleClass="columnCenter">#{fila.pais}</p:column>
								</p:dataTable>
							</td>
							
						</tr>
					</table>
				</p:tab>
				<p:tab title="Resultados" rendered="#{listaModel.catalogo3}">
					<table width="100%">
						<tr align="center">	
							<td >
							<p:dataTable var="fila" value="#{listaModel.listaBCatalogoPais}"
								style="width:500px;" paginator="true" rows="10">
			
								<p:columnGroup type="header">
									<p:row>
										<p:column headerText="Paises" />
										<p:column headerText="# Bancos" />
									</p:row>
								</p:columnGroup>
								<p:column style="text-align:left;">#{fila.pais}</p:column>
								<p:column  styleClass="columnNumero">#{fila.nroBancos}</p:column>
							</p:dataTable>
							</td>
						</tr>
					</table>
					
				</p:tab>
			</p:accordionPanel>


		</ui:define>
	</ui:composition>
</jsp:root>